<template>
  <van-tabbar v-model="active" route>
    <van-tabbar-item name="/home" icon="wap-home-o" to="/home">首页</van-tabbar-item>
    <van-tabbar-item name="/classify" icon="qr" to="/classify">分类</van-tabbar-item>
    <van-tabbar-item name="/beWorthBuying" to="/beworthbuying" icon="thumb-circle-o"
      >值得买</van-tabbar-item
    >
    <van-tabbar-item name="/cart" to="/cart" icon="cart-o">购物车</van-tabbar-item>
    <van-tabbar-item name="/center" to="/center" icon="user-o">个人</van-tabbar-item>
  </van-tabbar>
</template>

<script>
export default {
  name: "FooterNav",
  data() {
    return {
      active: "/home",
    };
  },
  watch: {
    active(param) {
      // this.$router.push(param);
    },
    $route(route) {
        // console.log($route.path);
      // this.active = route.path;
    },
  },
};
</script>

<style>
</style>